﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>51众花网——全国最大的鲜花批发、零售平台</title>
<script src="js/jquery.min.js"></script> 
<link rel="stylesheet" type="text/css" href="css/flower_css.css" />
<style>
.errtip{
	color:red;
	font-size:16px;
	display:inline-block;
	position:absolute;
	top:0;left:50%;
	margin-left:-130px;
}
</style>
</head>
<script type="text/javascript">
function tologin_1(){
	window.location.href="${pageContext.request.contextPath}/login/login_1.jsp";
}



</script>
<body>
<form id=loginform method=post name=loginform
		action="${pageContext.request.contextPath}/user/login.action">
	<div class="header">
		<img src="images/flower_logo_bg.png" />
	</div>
	<div class="content">
		<div class="main">
			<div class="input-style" style="position:relative">
				<span class="errtip">${param.info}</span>
				<div class="input-div" id="login_name">
					<input name="puser.loginName" value=""
							onclick="this.value=''" type="text"
						style="border-radius: 50px; background: url(images/input_bg.png) no-repeat;">
				</div>
				<div class="input-div">
					<input name="puser.pwd" value=""
							onclick="this.value=''" type="password"
						style="border-radius: 50px; background: url(images/password_bg.png) no-repeat;">
				</div>
				<p style="width:400px;margin:35px auto 0;text-align:right;">
					<a href="javascript:;" type="button" onclick="tologin_1()" style="color:#333;text-decoration:underline;"/>注册新用户</a>
				</p>
				<p style="width:400px;margin:35px auto 0;text-align:right;">
					<a href="javascript:;" type="button" id="aaaa" style="color:#333;text-decoration:underline;"/>忘记密码</a>
				</p>
				<div class="button-div" style="margin-top:15px;">
					<button type="submit"
							style="background:url(images/button_bg.png) no-repeat; background-color:transparent"
							>登录</button>
						
				</div>
				<div align="center"></div>
				
			</div>
			
			 <div class="input-wjmm" style="padding-top:15px;display:none">
                <div class="zc_ggysdiv_d2">
                    <label>输入手机号：</label>&nbsp;&nbsp;
                    <input type="text">&nbsp;&nbsp;
                    <span class="hqyzm-span msgs">获取验证码</span>
                </div>
                <div class="zc_ggysdiv_d2">
                    <label>输入验证码：</label>&nbsp;&nbsp;
                    <input type="text">
                </div>
                <div class="zc_ggysdiv_d2">
                    <label>输入新密码：</label>&nbsp;&nbsp;
                    <input type="password">
                </div>
                <div class="zc_ggysdiv_d2">
                    <label>确认新密码：</label>&nbsp;&nbsp;
                    <input type="password">
                </div>
                <a href="" class="zc_qrdl">确认登陆</a>
        </div>
		</div>
	</div>
	</form>
	<div class="footer">© 2015 上海麦恋电子商务有限公司</div>
</body>
<script>
	$(function () {
		//获取短信验证码
		var Foamtime=true;
		$(".msgs").click (function () {
			var time=60;
			var code=$(this); 
			if (Foamtime) {
				Foamtime=false;
				code.addClass("msgs1");
				var t=setInterval(function () {
					time--;
					code.html(time+"秒");
					if (time == 0) {
						clearInterval(t);
					code.html("重新获取");
						Foamtime=true;
					code.removeClass("msgs1");
					}
				},1000)
			}
		});
		
		//忘记密码js
		$("#aaaa").click(function(){
			$(".input-style").fadeOut("fast");
			$(".input-wjmm").show("fast");
		})
	})
</script>
</html>